<!DOCTYPE html>
<html lang="en">
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <link rel="stylesheet" type="text/css" href="second.css"/>
        </head>
<body>
    <!-- header -->
    <header>
        <div class="logo banxin clr">
            <img src="img/cf_02.png">
            <ul >
                <li><a href="#">首页</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">作品</a></li>
                <li><a href="#">运维</a></li>
                <li><a href="#">实力</a></li>
                <li><a href="#">新闻</a></li>
                <li><a href="#">关于</a></li>
                <li><a href="#">联系</a></li>
            </ul>
        </div>
    </header>
    <!-- img -->
    <div class="img"> 
        <div class="img_box">
            <img src="img/cf_05.png">
        </div>
    </div>
    <!-- business -->
    <div class="business clr">
        <div class="business_box banxin">
            <img src="img/cf_08.png">
            <p>超凡科技实现产品全面覆盖一站式管理解决方案</p>
            <p>—对一服务，良好的售后服务，超凡科技是值得您信赖的华南地区网站建设公司</p>
        </div>
        <div class="business_box1 banxin clr">
            <div class="houbei">
                <img src="img/9d5905e9cfcd14444d4d52b0acbe1679_bus_tu4.jpg" alt="">
                <div class="bz" style="background-color: rgb(44,157,210);">
                    高端品牌网站建设
                </div>

                <div class="h1 h1_1">
                    <p>超凡科技凭借丰富临建站经验与专业团队，</p>
                    <p>让您的网站从满如期目标到走向卓越。</p>
                    <p><a href="#">了解更多 > ></a></p>
                </div>

            </div>
           
            <div class="houbei">
                <img src="img/2f91882ad3f2007992ce7bc62877e27e_bus_tu2.jpg" alt="">
                <div class="bz" style="background-color: rgb(25,106,224);">
                    营销型品牌网站建设
                </div>
                <div class="h1 h1_2">
                    <p>超凡科技凭借丰富临建站经验与专业团队，</p>
                    <p>让您的网站从满如期目标到走向卓越。</p>
                    <p><a href="#">了解更多 > ></a></p>
                </div>
            </div>
            <div class="houbei">
                <img src="img/b3b2d1743d75a024a16419ea3d533d91_bus_tu3.jpg" alt="">
                <div class="bz" style="background-color: rgb(254,207,26);">
                    商城系统开发
                </div>
                <div class="h1 h1_3">
                    <p>超凡科技凭借丰富临建站经验与专业团队，</p>
                    <p>让您的网站从满如期目标到走向卓越。</p>
                    <p><a href="#">了解更多 > ></a></p>
                </div>
            </div>
        </div>
        <div class="business_box1 banxin clr">
            <div class="houbei">
                <img src="img/04a51e4a04356d0be857958d6721a2ec_bus_tu1.jpg" alt="">
                <div class="bz" style="background-color: rgb(153,199,51);">
                    模板网站建设
                </div>
                <div class="h1 h1_4">
                    <p>超凡科技凭借丰富临建站经验与专业团队，</p>
                    <p>让您的网站从满如期目标到走向卓越。</p>
                    <p><a href="#">了解更多 > ></a></p>
                </div>
            </div>
            <div class="houbei">
                <img src="img/77ce6e3e48e01d9355f586da02034594_bus_tu5.jpg" alt="">
                <div class="bz" style="background-color: rgb(216,28,130);">
                    APP移动应用开发
                </div>
                <div class="h1 h1_5">
                    <p>超凡科技凭借丰富临建站经验与专业团队，</p>
                    <p>让您的网站从满如期目标到走向卓越。</p>
                    <p><a href="#">了解更多 > ></a></p>
                </div>
            </div>
            <div class="houbei">
                <img src="img/1c37e3530ae63a23cc677efc5e0b3a1e_bus_tu6.jpg" alt="">
                <div class="bz" style="background-color: rgb(232,51,52);">
                    微信小程序开发
                </div>
                <div class="h1 h1_6">
                    <p>超凡科技凭借丰富临建站经验与专业团队，</p>
                    <p>让您的网站从满如期目标到走向卓越。</p>
                    <p><a href="#">了解更多 > ></a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- clients -->
    <div class="clients clr">
        <div class="business_box banxin">
            <img src="img/cf_12.png">
            <p>超凡科技服务于这些客户，为他们塑造全新的互联网品牌形象</p>
        </div>
        <div class="client_box banxin">
            <div class="bei"><img src="img/cf_18.png" ></div>
            <div class="bei"><img src="img/cf_18.png" ></div>
            <div class="bei"><img src="img/cf_18.png" ></div>
            <div class="bei"><img src="img/cf_18.png" ></div>
        </div>
        <div class="client_box banxin">
            <div class="bei"><img src="img/cf_18.png" ></div>
            <div class="bei"><img src="img/cf_18.png" ></div>
            <div class="bei"><img src="img/cf_18.png" ></div>
            <div class="bei"><img src="img/cf_18.png" ></div>
        </div>
        <div class="client_box banxin">
            <div class="bei"><img src="img/cf_18.png" ></div>
            <div class="bei"><img src="img/cf_18.png" ></div>
            <div class="bei"><img src="img/cf_18.png" ></div>
            <div class="bei"><img src="img/cf_18.png" ></div>
        </div>
    </div>
    <!-- works -->
    <div class="works clr">
        <div class="business_box banxin">
            <img src="img/cf_45.png">
            <p>超凡科技服务于这些客户，为他们塑造全新的互联网品牌形象</p>
        </div>
        <div class="work_box banxin">
            <div class="jiao"> <!---283*211 --->
                <img src="img/cf_53.png">
                <div class="s"><img src="img/s.png" alt=""></div>
                <div class="r"><img src="img/r.png" alt=""></div>
            </div>
            <div class="jiao">
                <img src="img/cf_53.png">
                <div class="s"><img src="img/s.png" alt=""></div>
                <div class="r"><img src="img/r.png" alt=""></div>
            </div>
            <div class="jiao">
                <img src="img/cf_53.png">
                <div class="s"><img src="img/s.png" alt=""></div>
                <div class="r"><img src="img/r.png" alt=""></div>
            </div>
            <div class="jiao" >
                <img src="img/cf_53.png">
                <div class="s"><img src="img/s.png" alt=""></div>
                <div class="r"><img src="img/r.png" alt=""></div>
            </div>
        </div>
        <div class="work_box banxin">
            <div  class="jiao">
                <img src="img/cf_53.png">
                <div class="s"><img src="img/s.png" alt=""></div>
                <div class="r"><img src="img/r.png" alt=""></div>
            </div>
            <div class="jiao">
                <img src="img/cf_53.png">
                <div class="s"><img src="img/s.png" alt=""></div>
                <div class="r"><img src="img/r.png" alt=""></div>
            </div>
            <div class="jiao">
                <img src="img/cf_53.png">
                <div class="s"><img src="img/s.png" alt=""></div>
                <div class="r"><img src="img/r.png" alt=""></div>
            </div>
            <div class="jiao">
                <img src="img/cf_53.png">
                <div class="s"><img src="img/s.png" alt=""></div>
                <div class="r"><img src="img/r.png" alt=""></div>
            </div>
        </div>
        
    </div>
    <!-- news -->
    <div class="works clr news">
        <div class="business_box banxin">
            <img src="img/cf_70.png">
            <p>超凡自始至终只专心做一件事情，那就是系统研发及品牌形象建立和推广，把所有精力都放在这上面，所以我们专业，所以我们能做好</p>
        </div>
     <div class="box">
        <div class="teng banxin">
            <div class="shui"><img src="img/cf_85.png" alt="">
                <div class="nb">
                    <a href="#">2017网站建设发展新方向</a>
                    <p>第一个网站建设在上个世纪90年代诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了—些小图片和...</p>
                    <span class="dt">2017.10.21</span>
                    <span class="jz"> 建站知识</span>
                </div>
            </div>
            <div  class="shui"><img src="img/cf_85.png" alt="">
                <div class="nb">
                    <a href="#">2017网站建设发展新方向</a>
                    <p>第一个网站建设在上个世纪90年代诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了—些小图片和...</p>
                    <span class="dt">2017.10.21</span>
                    <span class="jz"> 建站知识</span>
                </div></div>
    </div>
    <div class="teng banxin">
            <div class="shui"><img src="img/cf_85.png" alt="">
                <div class="nb">
                    <a href="#">2017网站建设发展新方向</a>
                    <p>第一个网站建设在上个世纪90年代诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了—些小图片和...</p>
                    <span class="dt">2017.10.21</span>
                    <span class="jz"> 建站知识</span>
                </div></div>
            <div class="shui"><img src="img/cf_85.png" alt="">
                <div class="nb">
                    <a href="#">2017网站建设发展新方向</a>
                    <p>第一个网站建设在上个世纪90年代诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了—些小图片和...</p>
                    <span class="dt">2017.10.21</span>
                    <span class="jz"> 建站知识</span>
                </div></div>
    </div>
    <div class="teng banxin">
            <div class="shui"><img src="img/cf_85.png" alt="">
                <div class="nb">
                    <a href="#">2017网站建设发展新方向</a>
                    <p>第一个网站建设在上个世纪90年代诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了—些小图片和...</p>
                    <span class="dt">2017.10.21</span>
                    <span class="jz"> 建站知识</span>
                </div></div>
            <div class="shui"><img src="img/cf_85.png" alt="">
                <div class="nb">
                    <a href="#">2017网站建设发展新方向</a>
                    <p>第一个网站建设在上个世纪90年代诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了—些小图片和...</p>
                    <span class="dt">2017.10.21</span>
                    <span class="jz"> 建站知识</span>
                </div></div>
         </div>
     </div>
    </div>
    <!-- contact -->
    <div class="works clr contact">
        <div class="business_box banxin">
            <img src="img/cf_89.png">
            <div class="lz banxin ">
                <div class="l">
                        <h2 style="color: white; float: left; font-weight: normal;">联系方式</h2>
                        <br>
                        <br>    
                        <p><img src="img/cf_93.png">  手机 : 13697710843（ 田先生 ） / 13697725018 ( 康小姐 ）</p> 
                        <p><img src="img/cf_96.png">  邮箱:tina@chaofankeji.cn</p>
                        <p><img src="img/cf_98.png">  官网:http://www.chaofankeji.cn</p>
                        <p><img src="img/cf_100.png"> 地址∶珠海市香洲区人民东路221号西海大冥B座506室</p>
                        <div class="qie"><img src="img/cf_103.png">
                            <p class="p1">在线咨询服务</p>
                            <p class="p2"> online consultation</p>
                        
                    </div>
                        <div class="dianhua"><img src="img/cf_106.png">
                            <p class="p1">400-8910-756</p>
                            <p class="p2">全国免费建站咨询</p>
                        </div>
                        <br> <br> <br> <br>
                        <div class="guanzhu">
                            <img src="img/cf_111.png" style="width: 86px;height: 86px;float: left;">
                            <p style="padding: 0;margin: 0;padding-left: 20px;float: left;margin-top: 34px;">关注我们</p>
                        </div>
                </div>
                <div class="z">
                    <h2 style="color: white; float: left; font-weight: normal;">在线提交申请</h2>
                    <br> <br><br>
                        <div style="float: left;color: white;font-size: 14px;">   公&nbsp;&nbsp;&nbsp;司： <input type="text" class="input"></div>
                        <div style="float: left;color: white;font-size: 14px;">   公&nbsp;&nbsp;&nbsp;司： <input type="text" class="input" value="公司网站建设"></div>
                        <div style="float: left;color: white;font-size: 14px;">   联系人： <input type="text" class="input"></div>
                        <div style="float: left;color: white;font-size: 14px;">   公&nbsp;&nbsp;&nbsp;司： <input type="text" class="input"></div>
                        <div style="float: left;color: white;font-size: 14px;">   公&nbsp;&nbsp;&nbsp;司： <input type="text" class="input"></div>
                        <div style="float: left;color: white;font-size: 14px;">   公&nbsp;&nbsp;&nbsp;司： <input type="text" class="input1 "></div>
                        <div style="float: left ; margin-left: 60px; margin-top: 7px;">
                            <button style="color: white;width: 136px; height: 36px;">发送您的需求</button>
                            <button style="color: white; width: 72px; height: 36px;"> 重置 </button>   
                        </div>
                    </div>  
            </div>
        </div>
        <footer >
            <div class="footer clr"><p class="banxin ">版权所有:2002~2017珠海超凡科技有限公司IC?备案号:粤CP备1027936号《增值电信业务经营许可证》ICP证编号:粤B2-20110376营业执照注册号:914404007730808075</p></div>
        </footer>
</body>
</html>